v-model 详解#v-model 原理#原理：v-model本质上是一个语法糖。例如应用在输入框上，就是value属性和input事件的合写，而复选框就是checked属性和change事件的合写作用：提供数据的双向绑定
数据变，视图跟着变:value
视图变，数据跟着变@input
注意：$event用于在模板中，获取事件的形参
1234567<template> <div id="app"> <!-- 下面两句是一样的效果 --> <input v-model="msg" type="text" /> <input :value="msg" @input="msg = $event.target.value" type="text" /> </div></template>
语法糖#语法糖是指一些在编程语言中增加...
非父子通信#event bus 事件总线#作用：非父子组件之间，进行简易消息传递。（复杂场景还是使用vuex）
创建一个都能访问得到的事件总线（空 Vue 实例）–utils/EventBus.js
123import Vue from 'vue';const Bus = new Vue();export default Bus;
A 组件（接收方），监听 Bus 实例的事件
123Bus.$on('sendMsg', msg => { this.msg = msg;});
B 组件（发送方），触发 Bus 实例的事件
1Bus.$emit('sendMsg', '这是一个消息');
provide & inject#provide & inject作用：跨层级共享数据
父组件provide提供数据
12345678910export default { provide() { return...